interface item {
    id: number;
    thumb: string;
    title: string;
    type: string;
}

const items: item[] = [
    {
        id: 1,
        thumb: 'https://img9.doubanio.com/dae/niffler/niffler/images/9ed11092-906a-11eb-a1e9-da8cb6702708.jpg',
        title: '迷途的苍穹——科幻世界漫游指南',
        type: '音频专栏'
    },
    {
        id: 2,
        thumb: 'https://img9.doubanio.com/dae/niffler/niffler/images/f90e218a-b8aa-11e7-9cc5-0242ac110021.jpg',
        title: '52倍人生——戴锦华大师电影课',
        type: '音频专栏'
    },
    {
        id: 3,
        thumb: 'https://img9.doubanio.com/dae/niffler/niffler/images/bd70700a-c5a5-11ea-8a59-f23c99dd97de.jpg',
        title: '如何读透一本书——12堂阅读写作训练课',
        type: '音频专栏'
    },
    {
        id: 4,
        thumb: 'https://img9.doubanio.com/dae/niffler/niffler/images/8e457bfe-5872-11ea-916d-4e50984eeed6.jpg',
        title: '用性别之尺丈量世界——18堂思想课解读女性问题',
        type: '音频专栏'
    },
    {
        id: 5,
        thumb: 'https://img9.doubanio.com/dae/niffler/niffler/images/45a8b4f8-12b0-11eb-9266-7a8156e98d14.jpg',
        title: '了不起的文明现场——一线考古队长带你探秘历史',
        type: '音频专栏'
    },
    {
        id: 6,
        thumb: 'https://img9.doubanio.com/dae/niffler/niffler/images/f6189198-5ae8-11eb-865e-16d4e49064e7.png',
        title: '我们的女性400年——文学里的女性主义简史',
        type: '音频专栏'
    },
    {
        id: 7,
        thumb: 'https://img9.doubanio.com/dae/niffler/niffler/images/8522e2c8-860c-11eb-8e39-4eb6eb021333.jpg',
        title: '人人听得懂用得上的法律课',
        type: '音频专栏'
    },
    {
        id: 8,
        thumb: 'https://img9.doubanio.com/dae/niffler/niffler/images/c4972ec0-e3bf-11e7-9d88-0242ac110021.jpg',
        title: '一个故事的诞生——22堂创意思维写作课',
        type: '音频专栏'
    },
    {
        id: 9,
        thumb: 'https://img9.doubanio.com/dae/niffler/niffler/images/6da43bc4-cdd7-11e7-bb25-0242ac110014.png',
        title: '哲学闪耀时——不一样的西方哲学史',
        type: '音频专栏'
    },
    {
        id: 10,
        thumb: 'https://img9.doubanio.com/dae/niffler/niffler/images/a6916252-6525-11eb-8ab0-4e8a1ad4ea89.png',
        title: '读梦——村上春树长篇小说指南',
        type: '音频专栏'
    }
]

document
    .querySelector('.time-list')
    .innerHTML = items.map(item =>`
            <li>
                <a href="">
                    <img src="${item.thumb}" alt="">
                </a>
                
                <a href="" class="title">${item.title}</a>
                <span class="type">${item.type}</span>
            </li>`).join('')
